<template>
   <div class="app-header" @click="send">{{msg}}
   </div>
</template>

<script>
// import bus from '../bus';

export default {
  name: 'app-header',
  data() {
    return {
      msg: '个人中心',
    };
  },
  methods: {
    send() {
      // bus.$emit('明天吃火锅', '花城汇');
      this.$parent.$children[1].msg = this.msg;
    },
  },
};
</script>

<style scoped>
.app-header{
  /*position: fixed;*/
  /*left:0;*/
  /*top: 0;*/
  /*right: 0;*/
  background: coral;
  color: #fff;
  line-height: 60px;
  text-align: center;
}
</style>
